<template>
    <div class="post">
        <div class="box">
            <img src="../../assets/images/avatar.jpg" alt="">
        </div>
        <div class="text">
            <div class="shop-name">爱时尚精品屋</div>
            <div class="shop-tip">公告:欢迎光临,流行爆款库存有限请尽快下单</div>
        </div>
    </div>
</template>

<style scoped>
    .box{
        height: 170px;
        position: relative;
        background-size: 100% 100%;
        background-position-x: center;
        background-image: url(../../assets/images/banner-2.png)
    }
    .box img{
        width: 75px;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        bottom:0;
        transform: translate(-50%,50%);
        border:1px solid #fff;
    }
    .text{
        margin: 40px 0;
        text-align: center;
        line-height: 40px;
    }
    .text .shop-name{
        color: #333;
        font-size: 18px;
        font-weight: 700;
    }
</style>